<template>
  <div class="setup  normal">
    <!--<div class="flex-start top">-->
      <!--<i class="ion-ios-arrow-back large back1"></i>-->
      <!--<div style="margin-left: 38%">设置</div>-->
    <!--</div>-->
    <div class="flex-start essential">基本设置</div>
    <div class="essential-set center">
      <div class="set space-between" v-for="v in essentialSet">
        <div>{{v.name}}</div>
        <label><input class="mui-switch mui-switch-anim" type="checkbox" checked></label>
      </div>
      <div class="set space-between" v-for="v in essentialSet1">
        <div>{{v.set}}</div>
        <i class="ion-ios-arrow-forward icon large"></i>
      </div>
    </div>
    <div class="flex-start essential mysetup">个人设置</div>
    <div class="center feedback">
      <div class="set space-between" v-for="v in feedback">
        <div>{{v.feedback}}</div>
        <i class="ion-ios-arrow-forward icon large"></i>
      </div>
    </div>

  </div>
</template>

<script>
  import myswitch from './myswitch'
  export default{
    name: 'setup',
    data:function(){
      return {
        essentialSet: [
          {name: '在蜂窝移动网络下自动获取全部解释'},
          {name: '首页自动更新'},
          {name: '首页推荐视频wifi下自动播放'},
          {name: '自动获取朗文简明释义'}
        ],
        essentialSet1: [
          {set: '单词本设置'},
          {set: '跨软件查询'},
          {set: '推送设置'},
          {set: '清除缓存'}
        ],
        feedback: [
          {feedback: '修改密码'},
          {feedback: '给及时译评分'}
        ]
      }
    },
    components: {
      myswitch: myswitch
    }
  }
</script>
<style>
  .setup{
    background: #efeff4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
  }
  .set {
    width: 95%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #efeff4;
  }
  /*.set input{*/
    /*margin-top: 28px;*/
  /*}*/
  /*.top{*/
    /*width: 100%;*/
    /*height: 107px;*/
    /*background: #f76c41;*/
    /*line-height: 107px;*/
    /*color: #fff;*/
  /*}*/
  /*.back1{*/
    /*margin-left: 5%;*/
  /*}*/

  .essential{
    margin:0 0 10px 20px;
  }
  .mysetup{
    padding:10px 0 0 0;
  }
  .essential-set{
    width: 100%;
    background: #fff;
  }
  .icon{
    margin-right: 3%;
    color: #c7c7cc;
  }
  .feedback{
    background: #fff;
  }
</style>
